<template>
  <div class="trade-container">
    <div style="padding: 10px;background-color: #ffffff">
      <el-button type="primary">制证额度导出</el-button>
      <el-button type="primary">发送领取短信</el-button>
      <el-button type="primary">领取规则</el-button>
      <el-button type="primary">新增</el-button>
    </div>
    <div>
      <el-table ref="multipleTable"
                :data="tableData"
                tooltip-effect="dark"
                stripe
                highlight-selection-row
                max-height="750"
                style="width: 100%"
                @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column prop="exhibitorName" label="账号"></el-table-column>
        <el-table-column prop="group" label="机构名称"></el-table-column>
        <el-table-column prop="area" label="管理员"></el-table-column>
        <el-table-column prop="productID" label="联系电话"></el-table-column>
        <el-table-column prop="productName" label="角色"></el-table-column>
        <el-table-column prop="money" label="一级组织"></el-table-column>
        <el-table-column prop="reportDT" label="二级组织"></el-table-column>
        <el-table-column prop="dealDT" label="三级组织"></el-table-column>
        <el-table-column prop="checkStatus" label="可申请证件"></el-table-column>
        <el-table-column prop="checkStatus" label="已申请证件"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: 'trade',
  computed: {},
  data() {
    return {
      tableData:[],
      multipleSelection: [],
    }
  },
  created() {
    for (let i = 0; i < 50; i++) {
      this.tableData.push({
        exhibitorName:'admin'+i,
        group:'首都会展(集团)有限公司',
        area:'张三',
        productID:'16666666666',
        productName:'主办方',
        money:'首都会展(集团)有限公司',
        reportDT:'首都会展(集团)有限公司',
        dealDT:'首都会展(集团)有限公司',
        checkStatus:'100',
      })
    }
  },
  methods: {
    handleSelectionChange(val) {
      this.multipleSelection = val;
    }
  }
}
</script>

<style lang="scss" scoped>
.trade-container{
  padding: 10px;
}
.icon-style{
  font-size: 24px;
  cursor: pointer;
}
.face-img-box{
  width: 50px;
  height: 65px;
}
</style>
